<template>
    <fieldset>
        <legend>购物车</legend>
        <h1>购物车:cart</h1>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>
                    产品:{{ item.title }}
                </b>
                ----------
                <b>
                    价格:{{ item.price }}
                </b>
                ----------
                <b>
                    数量:{{ item.count }}
                </b>
                --------
                <button>-</button>
            </li>
        </ul>
        <h1>总价:
            {{ total  }}
        </h1>
    </fieldset>
</template>
<script>
import { mapState, mapGetters } from "vuex"
export default {
    computed: {
        ...mapState('cart', ['cartData']),
        ...mapGetters('cart', ['total'])
    }
}
</script>